<template>
  <div class="painming">
    <statistic-query-form  ref="queryForm"
                           @doQuery="getList"
                           :data-uri="'/kh/statistic/rankInfo/'"
                           :pattern="0"
                           :dept-type="2"
                          :export-uri="'/kh/statistic/rankInfoExport/'">

    </statistic-query-form>

    <p class="titlepa">
      <b>{{programmeName}}</b>
    </p>
    <el-table
      :data="tableData"
      v-loading="loading"
      style="width: 95%;margin-left: 20px"
      border>
      <el-table-column
        type="index"
        label="序号"
        align="center"
        width="55">
      </el-table-column>
      <el-table-column
        prop="assessItemName"
        align="center"
        label="单位">
      </el-table-column>
      <el-table-column
        prop="score"
        align="center"
        label="综合得分">
      </el-table-column>
      <el-table-column
        prop="scoreOrder"
        align="center"
        label="全部排序">
      </el-table-column>
      <el-table-column
        prop="rankLevel"
        align="center"
        label="评价等级">
      </el-table-column>
      <el-table-column
        prop="average"
        align="center"
        label="所属企业平均分">
      </el-table-column>
      <el-table-column
        prop="remark"
        align="center"
        label="备注"
        width="200px">
      </el-table-column>
    </el-table>
    <p style="text-align: right;width: 93%">均分：{{junfen}}</p>

  </div>
</template>


<script>
  import request from '@/utils/request'
  import StatisticQueryForm from '../components/StatisticQueryForm'

  export default {
    name: "painming",
    components:{

    },
    data() {
      return {
        loading:false,
        junfen:0,
        programmeName:'各企业领导班子考核评价表',
        tableData:[
          {date:'44'}
        ],
      };
    },
    components:{
      'StatisticQueryForm': StatisticQueryForm
    },
    created() {

    },
    methods: {

      //获取列表数据
      getList:function(obj) {
        this.loading = true
        request({
          url: obj.url,
          method: 'get',
        }).then(response => {
          this.loading = false
          this.tableData = response.data.rankItems
          this.junfen = response.data.average

        });
      }

    }
  };
</script>

<style  lang="scss">
  .painming{

  }
  .painming .top {
    width: 100%;
    height: 200px;
  }
  .painming .top img {
    width: 100%;
    height: 100%;
  }
  .painming .tabel {
    margin-top: 20px;
    display: flex;
    justify-content: center;
  }
  .painming .dafen {
    cursor:pointer;
    color: #1ab394;
  }
  .painming .titlepa {
    margin-top: 20px;
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;

  }
  .painming .titlenr {
    text-align: left;
    width: 95%;
    margin: auto;
    padding-bottom: 10px;
    color: #1ab394;
  }
  .painming .tablestyle {
    border: 1px solid #cccccc;
    color: #606266;
    font-size: inherit;
    width: 95%;
    margin: auto;

  }
  .painming .tablestyle td {
    height: 34px;
    text-align: center;
  }
</style>
